import Vue from 'vue';
import Vuetify from 'vuetify/lib';
import '../assets/css/common.css';
import zhHans from 'vuetify/es5/locale/zh-Hans'
import '@mdi/font/css/materialdesignicons.css'
import {Touch} from 'vuetify/lib/directives';
import {Scroll} from 'vuetify/lib/directives';

Vue.use(Vuetify, {
  directives: {
    Touch,
    Scroll
  }
});

export default new Vuetify({
  lang: {
    locales: {
      zhHans
    },
    current: 'zhHans',
  },
  theme: {
    light: true,
    dark: false,
    // disable: true,
    // options: {
    //   customProperties: true,
    // },
    themes: {
      dark: {
        // primary: '#424242',
        // secondary: '#424242',
        // accent: '#82B1FF',
        // error: '#FF5252',
        // info: '#2196F3',
        // success: '#4CAF50',
        // warning: '#FFC107',
      },
      light: {
        // primary:"#ffc107",
        // secondary: "#f3f7fd",
        // accent: "#cddc39",
        // error: "#8bc34a",
        // warning: "#4caf50",
        // info: "#009688",
        // success: "#00bcd4"
      }

    }
  },
  icons: {
    iconfont: 'mdi'
  },
});
